HTML Learning Module

Home / Courses / HTML Learning Module

Master the structure of the web with essential HTML tags and best practices.

Course Progress

65%

Lesson 4: Building Lists and Layouts

In this exercise, you'll practice using unordered and ordered lists. HTML lists allow developers to group items of related text. Use the editor below to create a navigation menu using <ul> and <li> tags.

Index.html

<div class="container">
  <h1>Shopping List</h1>
  <ul>
    <li>Fresh Vegetables</li>
    <li>Organic Fruits</li>
    <li>Whole Grain Bread</li>
  </ul>
</div>

Live Preview

My Shopping List

Fresh Vegetables
Organic Fruits
Whole Grain Bread

Success! You've correctly used the <ul> structure.